import React, { useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
import './index.less';
import { resourcePath } from '../../../../../../utils/resource';
import Tx from './Tx';
import Czttj from './Czttj';


export default function LiThr(){
    return (<div className="li-thr" style={{
        // height:150
    }}>
        <ul style={{
            width:'100%'
        }}>
        <li className="two">
                <div className="title3" >
                    <div style={{
                        background: `url(${resourcePath.blockTitleBg})`,
                        height: 45,
                        backgroundSize: '100% 100%',
                        fontSize: 18,
                        lineHeight: '36px',
                        paddingLeft: 12,
                        fontWeight: "bold"
                    }}>
                        风险区域划分
                    </div>
                     <Tx />
                </div>
            </li>
            <li className="three">
                <div style={{
                        background: `url(${resourcePath.blockTitleBg})`,
                        height: 45,
                        backgroundSize: '100% 100%',
                        fontSize: 18,
                        lineHeight: '36px',
                        paddingLeft: 12,
                        fontWeight: "bold"
                    }}>
                        承灾体统计
                    </div>
                    <Czttj />
            </li>

        </ul>
        
    </div>);
}
